<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 模块化   一个大程序拆分成互相依赖的小文件 (JS => JS业务/复用功能)

    // 优点: 
    // 1. 减少全局变量的使用  (每个模块都是一个独立的js文件 => 变量都是局部变量)
    // 2. 实现代码复用  => 按需暴露  按需引入
    // 3. 模块之前也是可以相互引入的
    // 4. 代码维护比较方便

    // ES6  module          =>   export                  import
    // nodeJS (commonJS)   =>   modulex.exports = {}    require()


    // 组件化:   组件化的目的和模块化类型,但是不仅限于JS代码复用,还可以包含 html css 复用  => 一个组件就是一个完整的功能   (组件之间可以相互引入  根组件 父组件 子组件)

    // vue中组件化 => 一个组件就是一个可复用的Vue实例 (也包含 data methods computed watch 生命周期钩子函数 )




</script>
</html>